/*
 * @Author: zxc
 * @Date: 2020-08-18 14:50:41
 * @LastEditTime: 2020-08-18 16:42:18
 * @LastEditors: zxc
 * @Description: 颜色选择组件样式 
 */
.pick-color {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  .swatch {
    padding: 1px;
    background: #ffffff;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2);

    &-color {
      width: 30px;
      height: 16px;
      border-radius: 2px;
    }
  }
  .popover {
    position: absolute;
    top: 38px;
    left: -90px;

    .cover {
      position: fixed;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      background-color: rgba(0,0,0,.1);
    }
  }
}
